<template>
	<view class="title-content">
		<view class="content-left">
			{{title}}
		</view>
		<view class="content-right" @click="handback">
			<view class="" v-if="imageshow">
				更多
			</view>
			<image v-if="imageshow" class="right-arrow" :src="proxy.serverimageUrl + 'right-arror.png'" mode=""></image>
		</view>
	</view>
</template>

<script setup>
	import {
		defineProps,
		getCurrentInstance
	} from 'vue'
	const {
		proxy,
		ctx
	} = getCurrentInstance()
	const props = defineProps({
		title: String,
		imageshow:Boolean,
		// pagesindex:String,
	})
	const emit = defineEmits(['instruct1', 'instruct2','instruct3','instruct4'])
	const handback = () => {
		emit('instruct1', 'back1')
		emit('instruct2', 'back2')
		emit('instruct3', 'back3')
		emit('instruct4', 'back4')
		// console.log(props,)
	}
	// console.log(pagesindex)
	// const gopage = () =>{
	// 	uni.navigateTo({
	// 		url:pagesindex
	// 	})
	// }
</script>

<style scoped lang="scss">
	.title-content{
		display: flex;
		align-items: center;
		justify-content: space-between;
		.content-left{
			font-family: Alibaba PuHuiTi;
			font-weight: 500;
			font-size: 28rpx;
			color: #303030;
			margin-left: 28rpx;
		}
		.content-left::before{
			content: '';
			width: 10rpx;
			height: 40rpx;
			background: #2854B7;
			border-radius: 5rpx;
			position: absolute;
			left: 40rpx;
		}
		.content-right{
			font-family: Alibaba PuHuiTi;
			font-weight: 400;
			font-size: 24rpx;
			color: #AEAEAE;
			display: flex;
			align-items: center;
			// justify-content: space-between;
			.right-arrow{
				margin-left: 12rpx;
				width: 12rpx;
				height: 20rpx;
			}
		}
	}
</style>